<template>
	<view class="my">
		<!-- #ifdef APP-PLUS -->
		<uni-nav-bar title="我的" :statusBar='true' :fixed="true"></uni-nav-bar>
		<!-- #endif -->
		<view class="my-info">
			<!-- plus会员 -->
			<block v-if="user.isPlus === '2'">
				<view class="my-info-mail">
					<view class="my-info-mail-avatar">
						<image :src="user.avatar" class="my-info-mail-avatar-img"></image>
					</view>
					<view class="my-info-mail-info">
						<view class="my-info-mail-info-top">
							<text v-if="user.nickname" class="my-info-mail-info-top-txt">{{ user.nickname }}</text>
							<image :src="commonImg('status_plus_vip.png')" class="my-info-mail-info-top-jb"></image>
						</view>
						<view class="my-info-mail-info-bottom">会员号 {{ user.id }}</view>
					</view>
					<view class="my-info-mail-lj">累计节省：¥{{ user.totalSave }}</view>
				</view>
				<view style="background: linear-gradient(103deg,rgba(62,56,23,1) 0%,rgba(31,20,0,1) 100%);" class="my-info-desc">
					<image :src="commonImg('huangguan.png')" class="my-info-desc-jb"></image>
					<text style="color: #E8C57B;" class="my-info-desc-txt">PLUS会员 | 尊享最高折扣</text>
				</view>
				<view class="my-info-bottom">
					<image class="my-info-bottom-img" :src="commonImg('bottom.png')"></image>
				</view>
			</block>
			<block v-if="user.isPlus === '1'">
				<view class="my-info-mail">
					<view class="my-info-mail-avatar">
						<image :src="user.avatar" class="my-info-mail-avatar-img"></image>
					</view>
					<view class="my-info-mail-info">
						<view class="my-info-mail-info-top">
							<text v-if="user.nickname" class="my-info-mail-info-top-txt">{{ user.nickname }}</text>
							<image style="width: 40rpx;" :src="commonImg('status_vip.png')" class="my-info-mail-info-top-jb"></image>
						</view>
						<view class="my-info-mail-info-bottom">会员号 {{ user.id }}</view>
					</view>
					<view class="my-info-mail-lj">累计节省：¥{{ user.totalSave }}</view>
				</view>
				<view style="background:linear-gradient(103deg,rgba(255,237,139,1) 0%,rgba(226,173,81,1) 100%);" class="my-info-desc">
					<image :src="commonImg('huangguan.png')" class="my-info-desc-jb"></image>
					<text style="color: #6D7278;" class="my-info-desc-txt">会员 | 尊享会员折扣</text>
					<text @click="onClickSetPLUSVIP" class="my-info-mail-info-bottom-cwplus" style="height: 22rpx;margin-top: 10rpx;">成为plus会员 ></text>
				</view>
				<view class="my-info-bottom">
					<image class="my-info-bottom-img" :src="commonImg('bottom.png')"></image>
				</view>
			</block>
			<block v-if="user.isPlus === '0'">
				<view class="my-info-mail">
					<view class="my-info-mail-avatar">
						<image :src="user.avatar" class="my-info-mail-avatar-img"></image>
					</view>
					<view class="my-info-mail-info">
						<view class="my-info-mail-info-top">
							<text v-if="user.nickname" class="my-info-mail-info-top-txt">{{ user.nickname }}</text>
							<image style="width: 40rpx;" :src="commonImg('status_youke.png')" class="my-info-mail-info-top-jb"></image>
						</view>
						<view class="my-info-mail-info-bottom">会员号 {{ user.id }}</view>
					</view>
					<view class="my-info-mail-lj">累计节省：¥{{ user.totalSave }}</view>
				</view>
				<view style="background:linear-gradient(99deg,rgba(245,245,245,1) 0%,rgba(225,224,224,1) 100%);" class="my-info-desc">
					<image :src="commonImg('huangguan.png')" class="my-info-desc-jb"></image>
					<text style="color: #6D7278;" class="my-info-desc-txt">游客 | 无会员折扣</text>
					<text @click="onClickSetVIP" class="my-info-mail-info-bottom-cwplus" style="height: 22rpx;margin-top: 10rpx;background-color: #F7DC7C;color: #6D7278;">成为会员 ></text>
				</view>
				<view class="my-info-bottom">
					<image class="my-info-bottom-img" :src="commonImg('bottom.png')"></image>
				</view>
			</block>
		</view>
		<view class="my-js">
			<text class="my-js-left">会员中心</text>
			<text class="my-js-middle"></text>
			<text class="my-js-right">商家中心</text>
		</view>
		<view class="my-zc">
			<view class="my-zc-wrap">
				<text class="my-zc-wrap-txt">我的资产</text>
				<view class="my-zc-wrap-list">
					<view @click="onClickGotoMDpage" class="my-zc-wrap-list-item">
						<image :src="commonImg('madou.png')" class="my-zc-wrap-list-item-img"></image>
						<text class="my-zc-wrap-list-item-txt">码豆</text>
					</view>
					<view @click="onClickGotoCouponPage" class="my-zc-wrap-list-item">
						<image :src="commonImg('youhuiquan.png')" class="my-zc-wrap-list-item-img"></image>
						<text class="my-zc-wrap-list-item-txt">优惠券</text>
					</view>
					<view class="my-zc-wrap-list-item">
						<image :src="commonImg('kabao.png')" class="my-zc-wrap-list-item-img"></image>
						<text class="my-zc-wrap-list-item-txt">卡包</text>
					</view>
					<view @click="onClickGotoSharePage" class="my-zc-wrap-list-item">
						<image :src="commonImg('tuijian.png')" class="my-zc-wrap-list-item-img"></image>
						<text class="my-zc-wrap-list-item-txt">分享赚钱</text>
					</view>
				</view>
			</view>
		</view>
		<view class="my-list">
			<view class="my-list-wrap">
				<view class="my-list-wrap-item">
					<text class="my-list-wrap-item-name">我的功能</text>
					<view class="my-list-wrap-item-list">
						<view @click="onClickGotoTDPage" class="my-list-wrap-item-list-item">
							<image :src="commonImg('wodetuandui.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">我的团队</text>
						</view>
						<view @click="onClickGotoOrderPage" class="my-list-wrap-item-list-item">
							<image style="width: 44rpx;height: 46rpx;" :src="commonImg('wodedingdan.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">我的订单</text>
						</view>
						<view @click="onClickGOtoAddressPage" class="my-list-wrap-item-list-item">
							<image style="width: 37rpx;height: 44rpx;" :src="commonImg('wodedizhi.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">我的地址</text>
						</view>
						<view @click="onClickGotoPJPage" class="my-list-wrap-item-list-item">
							<image style="width: 46rpx;height: 40rpx;" :src="commonImg('wodepingjia.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">我的评价</text>
						</view>
						<view class="my-list-wrap-item-list-item">
							<image style="width: 48rpx;height: 42rpx;" :src="commonImg('huiyuanxuzhi.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">会员须知</text>
						</view>
					</view>
				</view>
				<view class="my-list-wrap-item">
					<text class="my-list-wrap-item-name">我的服务</text>
					<view class="my-list-wrap-item-list">
						<view @click="onClickGotoModifydataPage" class="my-list-wrap-item-list-item">
							<image style="width: 46rpx;height: 46rpx;" :src="commonImg('xiugaiziliao.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">修改资料</text>
						</view>
						<view class="my-list-wrap-item-list-item">
							<image style="width: 48rpx;height: 48rpx;" :src="commonImg('bangzhufankui.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">帮助反馈</text>
						</view>
						<view @click="onClickGoToTSPage" class="my-list-wrap-item-list-item">
							<image style="width: 46rpx;height: 44rpx;" :src="commonImg('tousushangjia.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">投诉商家</text>
						</view>
						<view class="my-list-wrap-item-list-item">
							<image style="width: 50rpx;height: 46rpx;" :src="commonImg('yijianfankui.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">意见反馈</text>
						</view>
					</view>
				</view>
				<view class="my-list-wrap-item">
					<text class="my-list-wrap-item-name">更多</text>
					<view class="my-list-wrap-item-list">
						<view @click="onClickGotoMywantagentPage" class="my-list-wrap-item-list-item">
							<image style="width: 48rpx;height: 48rpx;" :src="commonImg('woyaodaili.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">我要代理</text>
						</view>
						<view @click="onClickGotoMerchantentryPage" class="my-list-wrap-item-list-item">
							<image style="width: 50rpx;height: 50rpx;" :src="commonImg('shangjiaruzhu.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">商家入驻</text>
						</view>
						<view class="my-list-wrap-item-list-item">
							<image style="width: 60rpx;height: 50rpx;" :src="commonImg('bangdingweixin.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">绑定微信</text>
						</view>
						<view @click="onClickExit" class="my-list-wrap-item-list-item">
							<image style="width: 50rpx;height: 50rpx;" :src="commonImg('exit.png')" class="my-list-wrap-item-list-item-img"></image>
							<text class="my-list-wrap-item-list-item-txt">退出登录</text>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		config
	} from '@/utils/config.js'
	import {
		myMixin
	} from '@/utils/mixin.js'
	import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue'
	// #ifdef H5
	import jweixin from '@/utils/jweixin-module.js'
	// #endif
	export default {
		mixins: [myMixin],
		components: {
			uniNavBar,
		},
		data() {
			return {
				user: {
					totalSave: 0
				},
			}
		},
		onShow() {
			this._getInfoByToken()
			// #ifdef H5
			this._getSetPayConfig()
			// #endif
		},
		methods: {
			// 判断公众号截取code
			getUrlParam(name) {
				let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
				let r = window.location.search.substr(1).match(reg);
				if (r != null) {
					return unescape(r[2]);
				}
				return null;
			},
			onClickSetPLUSVIP2() {
				// #ifdef H5
				uni.showLoading({
					title: '支付中....'
				})
				uni.request({
					url: `${config.api_base_url}orders/orders/buyVip/198`,
					header: {
						'AUTH': 'ROBOT ' + uni.getStorageSync('token')
					},
					success: ((res) => {
						let { status, data } = res.data
						if (status.flag === true) {
							const memberIsPlus = data.memberIsPlus
							const ordersId = data.ordersId
							const memberOpenId = data.memberOpenId
							const memberId = data.memberId
							const obj = {}
							if (ordersId) {
								obj.ordersId = ordersId
							}
							obj.payment = 10

							if (!memberOpenId) { // 如果有openid
								obj.openId = uni.getStorageSync('openId')
							} else {
								obj.openId = memberOpenId
							}

							obj.price = 198
							obj.rate = 1
							obj.payAmount = 198
							obj.memberId = memberId
							obj.remark = 'vip2'

							let myOrdersId = obj.ordersId

							uni.request({
								url: `${config.api_base_url}orders/pay/pay`,
								header: {
									'Content-Type': 'application/json'
								},
								method: 'POST',
								data: obj,
								success: ((res) => {
									let { status, data } = res.data
									if (status.flag === true) {
										setTimeout(() => {
											uni.hideLoading()
											jweixin.chooseWXPay({
												timestamp: data.timeStamp, // 支付签名时间戳
												nonceStr: data.nonceStr, // 支付签名随机串，不长于32 位
												package: data.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
												signType: data.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
												paySign: data.paySign, // 支付签名
												success: (() => {
													uni.showToast({
														icon: 'none',
														title: '支付成功'
													})
													uni.request({
														url: `${config.api_base_url}orders/pay/queryOrders/${myOrdersId}`,
														header: {
															'AUTH': 'ROBOT ' + uni.getStorageSync('token')
														},
														data: {},
														success: ((res) => {
															let { status, data } = res.data
															if (status.flag === true) {
																console.log('给后端订单号了')
																setTimeout(() => {
																	this.user = {}
																	this._getInfoByToken()
																	// #ifdef H5
																	this._getSetPayConfig()
																	// #endif
																}, 3333)
															} else {
																uni.showToast({
																	icon: 'none',
																	title: status.msg
																})
															}
														}),
														fail: (() => {
															uni.showToast({
																icon: 'none',
																title: '发送订单号失败, 网络异常'
															})
														})
													})
												}),
												fail: ((err) => {
													uni.hideLoading()
													console.log(err)
												}),
												cancel: (() => {
													uni.hideLoading()
												}),
												complete: (() => {
													uni.hideLoading()
												})
											})
										}, 2222)
									} else {
										uni.hideLoading()
										uni.showToast({
											icon: 'none',
											title: status.flag
										})
									}
								}),
								fail: (() => {
									uni.hideLoading()
									uni.showToast({
										icon: 'none',
										title: '请求失败, 网络异常'
									})
								})
							})
						}
					})
				})
				// #endif
			},
			onClickSetPLUSVIP() {
				// #ifdef H5
				if ((!uni.getStorageSync('openId')) && (!this.getUrlParam('code'))) {
					let url = window.location.href
					let new_url = encodeURIComponent(url)
					window.location.href =
						`https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx6246e0503023027f&redirect_uri=${new_url}&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect`
				} else if ((!uni.getStorageSync('openId')) && (this.getUrlParam('code'))) {
					const code = this.getUrlParam('code')
					uni.request({
						url: `${config.api_base_url}member/member/openid/${code}`,
						header: {
							'Content-Type': 'application/json'
						},
						success: ((res) => {
							let { status, data } = res.data
							if (status.flag === true) {
								uni.setStorageSync('openId', data.openid)
								this.onClickSetPLUSVIP2()
							}
						})
					})
				} else if (uni.getStorageSync('openId')) {
					this.onClickSetPLUSVIP2()
				}
				// #endif
			},
			onClickSetVIP2() {
				// #ifdef H5
				uni.showLoading({
					title: '支付中....'
				})
				uni.request({
					url: `${config.api_base_url}orders/orders/buyVip/1`,
					header: {
						'AUTH': 'ROBOT ' + uni.getStorageSync('token')
					},
					success: ((res) => {
						let { status, data } = res.data
						if (status.flag === true) {
							const memberIsPlus = data.memberIsPlus
							const ordersId = data.ordersId
							const memberOpenId = data.memberOpenId
							const memberId = data.memberId
							const obj = {}
							if (ordersId) {
								obj.ordersId = ordersId
							}
							obj.payment = 10

							if (!memberOpenId) { // 如果没有openid
								obj.openId = uni.getStorageSync('openId')
							} else {
								obj.openId = memberOpenId
							}

							obj.price = 0.01
							obj.rate = 1
							obj.payAmount = 1
							obj.memberId = memberId
							obj.remark = 'vip1'
							
							let myOrdersId = obj.ordersId

							uni.request({
								url: `${config.api_base_url}orders/pay/pay`,
								header: {
									'Content-Type': 'application/json'
								},
								method: 'POST',
								data: obj,
								success: ((res) => {
									let { status, data } = res.data
									if (status.flag === true) {
										setTimeout(() => {
											uni.hideLoading()
											jweixin.chooseWXPay({
												timestamp: data.timeStamp, // 支付签名时间戳
												nonceStr: data.nonceStr, // 支付签名随机串，不长于32 位
												package: data.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
												signType: data.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
												paySign: data.paySign, // 支付签名
												success: (() => {
													uni.showToast({
														icon: 'none',
														title: '支付成功'
													})
													uni.request({
														url: `${config.api_base_url}orders/pay/queryOrders/${myOrdersId}`,
														header: {
															'AUTH': 'ROBOT ' + uni.getStorageSync('token')
														},
														data: {},
														success: ((res) => {
															let { status, data } = res.data
															if (status.flag === true) {
																console.log('给后端订单号了')
																setTimeout(() => {
																	this.user = {}
																	this._getInfoByToken()
																	// #ifdef H5
																	this._getSetPayConfig()
																	// #endif
																}, 3333)
															} else {
																uni.showToast({
																	icon: 'none',
																	title: status.msg
																})
															}
														}),
														fail: (() => {
															uni.showToast({
																icon: 'none',
																title: '发送订单号失败, 网络异常'
															})
														})
													})
												}),
												fail: ((err) => {
													console.log(err)
													uni.hideLoading()
												}),
												cancel: (() => {
													uni.hideLoading()
												}),
												complete: (() => {
													uni.hideLoading()
												})
											})
										}, 2222)
									} else {
										uni.hideLoading()
										uni.showToast({
											icon: 'none',
											title: status.flag
										})
									}
								}),
								fail: (() => {
									uni.hideLoading()
									uni.showToast({
										icon: 'none',
										title: '请求失败, 网络异常'
									})
								})
							})
						}
					})
				})
				// #endif
			},
			onClickSetVIP() {
				// #ifdef H5
				if ((!uni.getStorageSync('openId')) && (!this.getUrlParam('code'))) {
					let url = window.location.href
					let new_url = encodeURIComponent(url)
					window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx6246e0503023027f&redirect_uri=${new_url}&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect`
				} else if ((!uni.getStorageSync('openId')) && (this.getUrlParam('code'))) {
					const code = this.getUrlParam('code')
					uni.request({
						url: `${config.api_base_url}member/member/openid/${code}`,
						header: {
							'Content-Type': 'application/json'
						},
						success: ((res) => {
							let { status, data } = res.data
							if (status.flag === true) {
								uni.setStorageSync('openId', data.openid)
								this.onClickSetVIP2()
							}
						})
					})
				} else if (uni.getStorageSync('openId')) {
					this.onClickSetVIP2()
				}
				// #endif
			},
			// 进行支付环境的配置
			_getSetPayConfig() {
				uni.request({
					url: `${config.api_base_url}orders/pay/config`,
					method: 'POST',
					data: {
						url: location.href
					},
					success: ((res) => {
						let { status, data } = res.data
						if (status.flag === true) {
							jweixin.config({
								debug: false,
								appId: data.appid, // 必填，公众号的唯一标识
								timestamp: data.timestamp, // 必填，生成签名的时间戳
								nonceStr: data.nonceStr, // 必填，生成签名的随机串
								signature: data.signature, // 必填，签名，见附录1
								jsApiList: [
									'checkJsApi',
									'chooseWXPay'
								]
							});
							jweixin.ready(() => {
								jweixin.checkJsApi({
									jsApiList: ['chooseWXPay'],
									success: ((res) => {
										console.log(res)
									})
								});
							})
							jweixin.error((err) => {
								console.log(err)
							})
						}
					})
				})
			},
			onClickExit() {
				uni.showModal({
					content: '确定要退出登录吗',
					success: ((res) => {
						if (res.confirm) {
							uni.showLoading({
								title: '正在退出'
							})
							setTimeout(() => {
								uni.hideLoading()
								uni.removeStorageSync('role')
								uni.removeStorageSync('memberId')
								uni.removeStorageSync('token')
								uni.removeStorageSync('openId')
								window.location.href=`${config.base_url}`
							}, 3333)
						}
					})
				})
			},
			_getInfoByToken() {
				const token = uni.getStorageSync('token')
				if (!token) {
					uni.showToast({
						icon: 'none',
						title: '尚未登录, 请先登录'
					})
					setTimeout(() => {
						uni.removeStorageSync('role')
						uni.removeStorageSync('memberId')
						uni.removeStorageSync('token')
						uni.removeStorageSync('openId')
						uni.reLaunch({
							url: '../verificationcodelogin/verificationcodelogin'
						})
					}, 777)
					return false
				}
				uni.showLoading({
					title: '加载中'
				})
				uni.request({
					url: `${config.api_base_url}member/member/findByToken`,
					header: {
						'AUTH': 'ROBOT ' + uni.getStorageSync('token')
					},
					success: ((res) => {
						let { status, data } = res.data
						if (status.flag === true) {
							if (!data.totalSave) {
								data.totalSave = 0
							}
							this.user = data
						} else {
							this.user = {
								totalSave: 0
							}
							uni.showToast({
								title: status.msg,
								icon: 'none'
							});
						}
					}),
					fail: (() => {
						uni.showToast({
							title: '网络异常, 暂时不能查询',
							icon: 'none'
						})
					}),
					complete: (() => {
						uni.hideLoading()
					})
				});
			},
			onClickGotoMDpage() {
				uni.navigateTo({
					url: '../beans/beans'
				})
			},
			onClickGotoCouponPage() {
				uni.navigateTo({
					url: '../coupon/coupon'
				})
			},
			onClickGotoSharePage() {
				uni.navigateTo({
					url: '../share/share'
				})
			},
			onClickGotoTDPage() {
				uni.navigateTo({
					url: '../myteam/myteam'
				})
			},
			onClickGotoOrderPage() {
				uni.switchTab({
					url: '../order/order'
				})
			},
			onClickGOtoAddressPage() {
				uni.navigateTo({
					url: '../addressmanage/addressmanage'
				})
			},
			onClickGotoPJPage() {
				uni.navigateTo({
					url: '../appraise/appraise'
				})
			},
			onClickGotoModifydataPage() {
				uni.navigateTo({
					url: '../modifydata/modifydata'
				})
			},
			onClickGoToTSPage() {
				uni.navigateTo({
					url: '../complain/complain'
				})
			},
			onClickGotoMywantagentPage() {
				uni.navigateTo({
					url: '../mywantagent/mywantagent'
				})
			},
			onClickGotoMerchantentryPage() {
				uni.navigateTo({
					url: '../merchantentry/merchantentry'
				})
			}
		}
	}
</script>
<style>
	page {
		background-color: #F7F4F8;
	}
</style>
<style scoped>
	.my {
		width: 100%;
	}

	.my-info {
		width: 100%;
		height: 304rpx;
		background: linear-gradient(317deg, rgba(231, 44, 80, 1) 0%, rgba(253, 99, 40, 1) 100%);
		box-sizing: border-box;
		padding-left: 34rpx;
		padding-right: 36rpx;
		padding-top: 50rpx;
		display: flex;
		flex-direction: column;
		position: relative;
	}

	.my-info-mail {
		display: flex;
		align-items: flex-start;
	}

	.my-info-mail-avatar {
		width: 102rpx;
		height: 102rpx;
		border-radius: 50%;
		box-sizing: border-box;
		padding: 6rpx;
		margin-right: 14rpx;
	}

	.my-info-mail-avatar-img {
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}

	.my-info-mail-info {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.my-info-mail-info-top {
		display: flex;
		align-items: flex-start;
		margin-top: 6rpx;
	}

	.my-info-mail-info-top-txt {
		font-size: 32rpx;
		line-height: 44rpx;
		font-weight: 600;
		color: #FFFFFF;
		margin-right: 6rpx;
		max-width: 240rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.my-info-mail-info-top-jb {
		width: 76rpx;
		height: 22rpx;
		border-radius: 15rpx;
		margin-top: 8rpx;
	}

	.my-info-mail-info-bottom {
		margin-top: 16rpx;
		font-size: 24rpx;
		line-height: 24rpx;
		color: #fff;
		font-weight: 400;
		max-width: 300rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.my-info-mail-info-bottom-cwplus {
		font-size: 22rpx;
		font-weight: 500;
		line-height: 22rpx;
		padding-top: 8rpx;
		padding-right: 20rpx;
		padding-bottom: 8rpx;
		padding-left: 20rpx;
		border-radius: 19rpx;
		background-color: #261C05;
		border: 2rpx solid rgb(255, 255, 255);
		color: #E8C57B;
		max-width: 240rpx;
		height: 11px;
		margin-bottom: 11px;
		align-self: center;
		margin-right: 60rpx;
		margin-left: auto;
	}

	.my-info-mail-lj {
		font-size: 24rpx;
		font-weight: 400;
		line-height: 34rpx;
		color: #fff;
		padding: 3rpx 12rpx 3rpx 12rpx;
		border-radius: 20rpx;
		background-color: #F02230;
		margin-right: 0;
		margin-left: auto;
		align-self: flex-end;
		box-sizing: border-box;
		border: 2rpx solid #CF0000;
	}

	.my-info-desc {
		width: 100%;
		height: 88rpx;
		border-radius: 22rpx;
		margin-bottom: 0;
		margin-top: auto;
		box-sizing: border-box;
		padding-left: 24rpx;
		display: flex;
	}

	.my-info-desc-jb {
		width: 50rpx;
		height: 42rpx;
		margin-right: 16rpx;
		margin-top: 14rpx;
		margin-bottom: auto;
	}

	.my-info-desc-txt {
		font-size: 24rpx;
		color: #E8C57B;
		line-height: 34rpx;
		font-weight: 400;
		margin-top: 24rpx;
		margin-bottom: auto;
	}
	


	.my-info-desc-txt-js {
		color: #6D7278;
		font-size: 24rpx;
		line-height: 24rpx;
		margin-right: 38rpx;
		margin-left: auto;
		margin-top: 28rpx;
	}

	.my-info-desc-txt-id {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #6D7278;
		line-height: 34rpx;
		margin-top: 24rpx;
		margin-bottom: auto;
		margin-right: 38rpx;
		margin-left: auto;
	}

	.my-info-bottom {
		width: 100%;
		height: 34rpx;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.my-info-bottom-img {
		width: 100%;
		height: 100%;
	}

	.my-js {
		width: 100%;
		height: 68rpx;
		background-color: #F7F4F8;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.my-js-left {
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		color: #F02230;
	}

	.my-js-middle {
		width: 2rpx;
		height: 32rpx;
		background-color: #979797;
		margin-left: 38rpx;
		margin-right: 38rpx;
	}

	.my-js-right {
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		color: #000000;
	}

	.my-zc {
		width: 100%;
		box-sizing: border-box;
		padding-left: 10rpx;
		padding-right: 12rpx;
	}

	.my-zc-wrap {
		width: 100%;
		height: 100%;
		background-color: #fff;
		box-sizing: border-box;
		padding-top: 18rpx;
		padding-left: 42rpx;
		padding-right: 42rpx;
		padding-bottom: 30rpx;
	}

	.my-zc-wrap-txt {
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		color: rgba(0, 0, 0, 0.85);
		font-weight: 600;
	}

	.my-zc-wrap-list {
		width: 100%;
		height: auto;
		margin-top: 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.my-zc-wrap-list-item {
		width: 25%;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.my-zc-wrap-list-item-img {
		width: 50rpx;
		height: 50rpx;
		margin-bottom: 18rpx;
	}

	.my-zc-wrap-list-item-txt {
		font-size: 24rpx;
		font-weight: 400;
		line-height: 34rpx;
		color: #6D7278;
	}

	.my-list {
		margin-top: 20rpx;
		width: 100%;
		box-sizing: border-box;
		padding-left: 10rpx;
		padding-right: 12rpx;
		display: flex;
		flex-direction: column;
	}

	.my-list-wrap {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding-top: 6rpx;
		padding-left: 42rpx;
		padding-right: 44rpx;
		padding-bottom: 10rpx;
		background-color: #fff;
		border-radius: 22rpx;
	}

	.my-list-wrap-item {
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid #EEEEEE;
	}

	.my-list-wrap-item:last-child {
		border-bottom: none;
	}

	.my-list-wrap-item-name {
		font-size: 28rpx;
		line-height: 40rpx;
		font-weight: 600;
		color: rgba(0, 0, 0, 0.85);
		padding-top: 12rpx;
	}

	.my-list-wrap-item-list {
		margin-top: 20rpx;
		margin-bottom: 20rpx;
		display: flex;
		align-items: center;
	}

	.my-list-wrap-item-list-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-right: 40rpx;
	}

	.my-list-wrap-item-list-item:last-child {
		margin-right: 0;
	}

	.my-list-wrap-item-list-item-img {
		width: 52rpx;
		height: 42rpx;
		margin-bottom: 22rpx;
	}

	.my-list-wrap-item-list-item-txt {
		font-size: 24rpx;
		font-weight: 400;
		line-height: 34rpx;
		font-weight: 400;
	}
</style>
